<template>
    <!-- 导航 -->
    <el-breadcrumb class="navigation" separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>排班管理</el-breadcrumb-item>
        <el-breadcrumb-item>排版日历</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="headDivider"></div>

    <!-- 排班日历 -->
    <div class="app-container">
        <el-tabs type="border-card">
            <el-tab-pane label="分类">
                <typeView></typeView>
            </el-tab-pane>
            <el-tab-pane label="班组">
                <teamView></teamView>
            </el-tab-pane>
            <el-tab-pane label="个人">
                <userView></userView>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import typeView from './typeList.vue';
import teamView from './teamList.vue';
import userView from './userList.vue';
export default {
    components: { typeView,teamView,userView},
    data() {
        return {

        }
    }
}
</script>
<style>
.headDivider {
    display: block;
    height: 1px;
    width: 100%;
    margin: 15px 0;
    background-color: #dcdfe6;
    position: relative;
}
</style>